<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="/WEB-INF/tlds/hdiv-spring.tld" prefix="spring"%>

<c:url value="mostrarHWF4002.html" var="saldosDia"/>

    <script type="text/javascript">

    $(document).ready(function(){      
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();    
        $("#mostrarExcel").click(function(){
            if(validaRangoFechas(document.forms[0].fechadesde.value,
                                 document.forms[0].fechahasta.value)==false){
               $("#fechahasta").focus();
               return false
            }     
            $("#accion").attr("value","mostrarExcel") 
        });
        
        //habilitar y deshabilitar el boton Matriz
        $("#cuenta").change(function(){ 
            $("#message").html("");
            $.getJSON("<c:url value='selecCuenta.html'/>", {accion : "getListTipUnidMone", cuenta: $("#cuenta").val() },function(listTipUnidMone){
                var options = '<option value="">'+'</'+'option>';
                for (var i = 0; i < listTipUnidMone.length; i++) {                    
                    options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
                }
                $("#tipoUnidMone").html(options);
                $('#tipoUnidMone option:first').attr('selected', 'selected');
                if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
            });
            if($("#cuenta").val()==2 ) $("#opener_cuenta").show();else $("#opener_cuenta").hide(); 
        });                         
        if($("#cuenta").val()==2)$("#opener_cuenta").show();else $("#opener_cuenta").hide();         
        
        //habilitar y deshabilitar el boton Punto
        $("#tipoUnidMone").change( function(){ $("#message").html("");if(  $("#tipoUnidMone").val()!="" ) $("#opener_um").show(); else $("#opener_um").hide(); } );                        
        if($("#tipoUnidMone").val()!="")$("#opener_um").show();else $("#opener_um").hide(); 
                
        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        $("#opener_cuenta").click(openWinCuenta);
        $("#opener_um").click(openWinUM);
        
    });    
    
    function openWinCuenta(){        
        childWindow=window.showModalDialog('<c:url value="selecCuenta.html" />','selecCuenta',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");
        if (childWindow) {
            var listTipUnidMone = childWindow.listTipUnidMone;
            var options = '<option value="">'+'</'+'option>';
            for (var i = 0; i < listTipUnidMone.length; i++) {                    
                options += '<option value="' + listTipUnidMone[i].codigo + '">' + listTipUnidMone[i].descripcion+'</'+'option>';
            }
            $("#tipoUnidMone").html(options);
            $('#tipoUnidMone option:first').attr('selected', 'selected');
            if($("#tipoUnidMone").val()=="1"||$("#tipoUnidMone").val()=="2")$("#opener_um").show();else $("#opener_um").hide();
        }
    }  

    function openWinUM(){
        $("#message").html("");
        childWindow=window.showModalDialog('<c:url value="selecUnidMone.html" />&tipoUnidMone='+ document.forms[0].tipoUnidMone.value+'&cuenta='+$("#cuenta").val(),'selecUM',"dialogWidth:520px;dialogHeight:340px;center:yes;status:no;help:yes;resizable:yes");        
    } 

/*    function openWinCuenta(){
        childWindow=open('<c:url value="selecCuenta.html" />','selecCuenta');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }    

    function openWinUM(){
        childWindow=open('<c:url value="selecUnidMone.html" />&tipoUnidMone='+ document.forms[0].tipoUnidMone.value,'selecUM');//,'width=680,height=280,toolbar=no,directories=no, menubar=no ,scrollbars=yes, resizable=yes, modal=yes');        
        if (childWindow.opener == null)childWindow.opener = self;
    }    
*/    
    
    
    function openwin2(url,winheight,winwidth)
        {
        var frm = document.forms[0];
        //Default sizes for window
        es = 1;
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if( frm.fechahasta.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechahasta.focus();
        return false;
        }  
        if (frm.tipoUnidMone.value== "") {
            alert("Ingrese la unidad Monetaria");
            document.forms[0].tipoUnidMone.focus();
            return false;
          }
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false; 
        var xx, yy;
            xx = 90;
            yy = 90;
        if (winwidth==null) winwidth='450';
                    if (winheight==null) winheight='920';
        popupwin = window.open('about:blank', 'window1', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight+ ', top=' + yy + ', left=' + xx);
        popupwin.resizeTo(winwidth, winheight);
        var fechadesde= document.forms[0].fechadesde.value;
        var fechahasta= document.forms[0].fechahasta.value;
        var s_cod_clie= document.forms[0].cliente.value;
        var cuenta= document.forms[0].cuenta.value;
        var modulo= document.forms[0].modulo.value;
        var formulario='HMR4002';
        var sucursal= document.forms[0].sucursal.value;
        var action = 'reporteHMR4002.jsp?fechadesde='+fechadesde+'&fechahasta='+fechahasta+'&s_cod_clie='+s_cod_clie+'&cuenta='+cuenta+'&modulo='+modulo+'&formulario='+formulario+'&sucursal='+sucursal;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
        }
    function openwin(url,winheight,winwidth)
    {   
        if(validaRangoFechas(document.forms[0].fechadesde.value, 
                             document.forms[0].fechahasta.value)==false){
           $("#fechahasta").focus();
           return false
        }        
    
    var frm = document.forms[0];
        //Default sizes for window
        es = 1;
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if( frm.fechahasta.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechahasta.focus();
        return false;
        }  
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false;
        if (frm.tipoUnidMone.value== "") {
            alert("Ingrese la unidad Monetaria");
            document.forms[0].tipoUnidMone.focus();
            return false;
          }
        winwidth='450';
        winheight='920';
        $.getJSON("<c:url value='selecUnidMone.html'/>",{accion:"verifyTipUnidMone"},function(hasBovedas){            
            if(!hasBovedas)
                $("#message").html("Seleccione al menos una boveda");
            else{
                window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
                var accion = 'mostrarReporte';
                var target = 'window1';
                document.forms[0].target = target;
                document.forms[0].accion.value = accion;
                document.forms[0].submit();
            }
      }); 
        
        //var action = 'mostrarReporte.do';
        
    }
    function openexcel(url,winheight,winwidth)
    {   var frm = document.forms[0];
        //Default sizes for window
        es = 1;
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if( frm.fechahasta.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechahasta.focus();
        return false;
        }
        if(validaRangoFechas(document.forms[0].fechadesde.value, 
                             document.forms[0].fechahasta.value)==false){
           $("#fechahasta").focus();
           return false
        } 
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false;
        if (frm.tipoUnidMone.value== "") {
            alert("Ingrese la unidad Monetaria");
            document.forms[0].tipoUnidMone.focus();
            return false;
          }
        winwidth='450';
        winheight='920';
        $.getJSON("<c:url value='selecUnidMone.html'/>",{accion:"verifyTipUnidMone"},function(hasBovedas){            
            if(!hasBovedas)
                $("#message").html("Seleccione al menos una boveda");
            else{
                window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
                //var action = 'mostrarReporte.do';
                var accion = 'verExcel';
                var target = 'window1';
                document.forms[0].target = target;
                document.forms[0].accion.value = accion;
                document.forms[0].submit();
            }
        });
        
    }
    </script>
    <script language="JavaScript" src="javascript/HMF2003.js"></script>
    
<form:form modelAttribute="form" action="${saldosDia}">
<form:hidden path="control"/>
<form:hidden path="accion"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="formulario"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<div class="contenedor" >
<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
		<li>SALDOS POR D&Iacute;A</li>
		</ul>
        </td>
        <td align="left" width="80">
            <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
        </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro" width="200"><c:out value="${sessionScope.nombreCliente}"/></td>
          </tr>
          <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->    
          <c:if test="${not empty listaClientes}"> 
            <tr>
                <td width="60" height="20" align="left" valign="top" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td width="412" height="20">
                    <form:select cssStyle="height: 20px; width: 100px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaClientes}"
                                              itemValue="codCliente"
                                              itemLabel="nombre"/>
                    </form:select>   
                </td>
            </tr>
          </c:if>

          <tr>
            <td width="60" height="34" align="left" valign="middle" class="verdana10bazul">Cuenta</td>
            <td height="34" align="left" class="verdana10negro" width="100" valign="baseline">
            <table border="0">
             <tr>
                <td>
                <div class="fondo_txtbox90">
                <%--
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="cuenta" onchange="javascript:moveForward('cargarModulo'); ">                        
                            <form:option value=""></form:option>
                            <form:options items="${listaCuentas}"
                                          itemValue="numero"
                                          itemLabel="descripcion"/>
                </form:select>    
                --%>
                <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                             path="cuenta">
                          <form:option value="0">&nbsp;</form:option>
                          <form:option value="1">TODOS</form:option>
                          <form:option value="2">ALGUNOS</form:option>
                </form:select>                     
                </div>
                </td>
                <td>
                <a href="#" id="opener_cuenta"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>                
                </td>
            </tr>    
            </table>
            </td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="50">
               
            </td>
          </tr>
          <tr>
            <td width="60" height="34" align="left" valign="middle" class="verdana10bazul">U.M.</td>
            <td height="34" align="left" valign="middle" class="verdana10negro">
             <table border="0">
             <tr>
                <td>               
                <div class="fondo_txtbox90">
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoUnidMone">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                </div>
            </td>
            <td style="color:red;width:400px">
                <a href="#" id="opener_um"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                <span id="message"></span>
            </td>
            </table>
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="60">Fecha</td>
            <td width="100" height="34" align="left" valign="bottom" class="verdana10negro"><table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                    &nbsp;<form:input maxlength="10" size="12" path="fechadesde" readonly="false"/>
                  </div></td>
                  <td class="padright10">&nbsp;&nbsp;&nbsp;al&nbsp;&nbsp;&nbsp;
                  </td>
                  <td align="left" valign="bottom" class="padright10"><div class="fondo_txtbox90">
                     &nbsp;<form:input maxlength="10" size="12" path="fechahasta"/>
                  </div></td>
                  <td>&nbsp;</td>
                </tr>
              </table></td>
          </tr>
        </table>
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
              <td height="51" align="left" valign="bottom">
              <input type="button" value="Generar Reporte" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
              <input type="button" value="Generar Excel" name="reporte" class="boton" onclick="javascript:openexcel('holas',450,920)"/>
              </td>
            </tr>
          </table>
        </td>
      </tr>
      </table>
      
	  <div class="margintop31"/>
	  </td>
  </tr>
</table>
</div>
</form:form> 
